<template>
  <div id="app">
    <h1>父组件</h1>
    <h1>{{msg}}</h1>
    <First />
    <hr />
    <Second />
    <Third />
    <hr />
    <Four />
    <Five />
  </div>
</template>

<script>
import First from "./components/First";
import Second from "./components/Second";
import Third from "./components/Third";
import Four from "./components/Four";
import Five from "./components/Five";
export default {
  name: "App",
  data() {
    return {
      msg: "动画片",
      lists: [
        {
          id: 1,
          title: "迪迦奥特曼"
        },
        {
          id: 2,
          title: "海底小纵队"
        },
        {
          id: 3,
          title: "小猪佩奇"
        }
      ]
    };
  },
  // 注册组件
  components: {
    First,
    Second,
    Third,
    Four,
    Five
  },
  methods: {}
};
</script>

<style>
</style>
